.wpcom-help__dialog {
	&.dialog.card {
		@include breakpoint('>660px') {
			flex: 1 0 100%;
			max-width: 700px;
		}
	}
}

.wpcom-help__heading {
	font-size: 24px;
}

.wpcom-help__action {
	border: 1px solid var( --color-neutral-10 );
	font-weight: normal;
	padding: 4px;
}

.wpcom-help__key {
	width: 48px;
	padding: 4px 6px 4px 4px;
	border: 1px solid var( --color-neutral-10 );
	border-width: 0 0 1px;
	text-align: center;
	font-weight: 700;
	@include breakpoint( '>480px' ) {
		width: 60px;
		padding: 4px;
	}
}

.wpcom-help__action {
	border-width: 0 1px 1px 0;
}

.wpcom-help__table {
	border: 1px solid var( --color-neutral-10 );
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */

	th {
		font-weight: 700;
	}

	kbd {
		color: var( --color-neutral-70 );
	}
}
